<template>
  <div class="info">
    <div class="info-item" v-for="item in data">
      <dt class="info-item__label">{{ item.label }}</dt>
      <dd class="info-item__value">{{ item.value }}</dd>
    </div>
  </div>
</template>
<script setup>
const props = defineProps({
  data: Array,
})
</script>
<style lang="scss" scoped>
.info-item {
  display: flex;
}
</style>
